<script lang="ts" setup>
const attrs = useAttrs()
const props = withDefaults(defineProps<{
  collapsed?: boolean
}>(), {
})
const emit = defineEmits(['click'])
const changeCollapsed = () => emit('click')
</script>

<template>
  <el-aside v-bind="attrs" class="flex flex-col bg-[var(--pro-admin-layout-side-bg)]">
    <slot>

    </slot>
    <div class="mt-auto mb-[50px]">
      <el-icon @click="changeCollapsed">
        <DArrowRight v-if="collapsed" />
        <DArrowLeft v-else />
      </el-icon>

    </div>
  </el-aside>
</template>

<style scoped>
::-webkit-scrollbar {
  display: none;
}
</style>
